
::ng-deep
app-info-container {
  @apply
  overflow-auto;
}
.container__style {
  @apply
  h-full overscroll-y-auto;
  // background-color: #409eff;
}
::ng-deep
.am-navbar-left {
  padding-left: 0;
}
::ng-deep
.am-input-control {
  @apply
  pl-2
}
.back__style {
  background-color: #e6a23c;
  border-color: #e6a23c;
}
.logo__style {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  img {
    border-radius: 50%;
    @apply
    w-14 h-14;
  }
}
.left__style {
  color: #fff;
  @apply
  text-lg;
}
::ng-deep
.am-icon-left {
  @apply
  w-8 h-8;
}
.link__style {
  @apply
  text-2xl mr-3;
  color: #fff; 
}
.name__style {
  @apply
  text-xl font-semibold pt-4;
}
.star__style {
  @apply
  text-lg pt-5;
  position: relative;
  font-weight: bold;
}
.star__style::before  {
  @apply
  top-7 -left-14 h-4 w-px;
  content: "";
  position: absolute;
  background: #ccc;
}
.star__style::after {
  @apply
  top-7 -right-14 h-4 w-px;
  content: "";
  position: absolute;
  background: #ccc;
}
.eidt__style {
  @apply
  pr-5 text-lg pt-14;
  display: flex;
  align-items: flex-end;
  justify-content: end;
  color: #108ee9;
}
.info__style {
  @apply
  pl-10 pt-5;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  b {
    @apply
    text-lg;
  }
  .person__style {
    @apply
    pt-2;
    color: #FBBF24;
  }
}
.app__style {
  @apply
  bottom-10;
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  a {
    @apply
    mr-4 w-20;
    flex: 1;
    text-align: center;
    ion-icon {
      @apply
      text-4xl;
      color: #000;
    }
    p {
      @apply
      text-lg;
      font-weight: 500;
    }
  }
}
::ng-deep
.am-list-item.am-input-item {
  padding-left: 0;
}
::ng-deep
.am-list-item .am-input-label.am-input-label-5 {
  width: auto;
}